<ul class="navigation">
    <li>
        <a href="page1/page1_1">Page 1.1</a>
    </li>
    <li>
        <a href="page2/page2_1">Page 2.1</a>
    </li>
    <li class="active">
        <a href="page2/page2_2">Page 2.2</a>
        <ul>
            <li>
                <a href="page2/page2_2/page2_2_1">Page 2.2.1</a>
            </li>
            <li class="active">
                <a href="page2/page2_2/page2_2_2">Page 2.2.2</a>
            </li>
        </ul>
    </li>
    <li class="active">
        <a href="page2/page2_3">Page 2.3</a>
        <ul>
            <li>
                <a href="page2/page2_3/page2_3_1">Page 2.3.1</a>
            </li>
            <li class="active">
                <a href="page2/page2_3/page2_3_3">Page 2.3.3</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="page3/page3_1">Page 3.1</a>
    </li>
    <li>
        <a href="page3/page3_2">Page 3.2</a>
        <ul>
            <li>
                <a href="page3/page3_2/page3_2_1">Page 3.2.1</a>
            </li>
            <li>
                <a href="page3/page3_2/page3_2_2">Page 3.2.2</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="page3/page3_3">Page 3.3</a>
        <ul>
            <li>
                <a href="page3/page3_3/page3_3_2">Page 3.3.2</a>
            </li>
        </ul>
    </li>
</ul>